<title>Home</title>

{% load staticfiles %}

<html>
<head>
	<link rel="stylesheet" type="text/css" href="{% static 'css/base.css' %}" />
	<script src='{% static "js/jquery-1.11.3.js" %}'></script>
	<script src='{% static "js/base.js" %}'> </script>

</head>
<body>

<div id='container'>
	<div id='top'>
		<div id='top-head'>
			<div id='title'>Hunter.com</div>
		</div>
		<div id='top-nav'>
			<ul id='menu'>
				<li id='menu-left'><a href='{% url "accounts:home" %}'><img src='{% static "images/home.png" %}'></a></li>
				<li id='menu-left'>Home</li>
				<li id='menu-search'>
					<form id='menu-search-form' method='post'>
						{% csrf_token %}
						<div id='menu-search-form-submit-div'><input type="image" id='menu-search-form-submit' src='{% static "images/search.png" %}'></input></div>
						<div id='menu-search-form-input-div'><input type='text' id='menu-search-form-input' name='search' placeholder='Search products...'></input></div>
					</form>
				</li>
				{% if login_check %}
					<li id='menu-right'>Welcome {{user_fname}}!</li>
					<li id='menu-right'><a href="{% url 'accounts:logout' %}">Logout</a></li>
				{% else %}
					<li id='menu-right'><a href="{% url 'accounts:login' %}">Login</a></li>
					<li id='menu-right'><a href="{% url 'accounts:make_new_user' %}">Register</a></li>
				{% endif %}
			</ul>
		</div>
	</div>
	<div id='main'>
		<div id='content'>
			<h1>Welcome to Hunter</h1>
			{% if login_check %}
				<br>
				<p> Thank you for logging in! </p>
				<p> To make use of this website's functionality, please proceed to:</p>
				<a href="{% url 'products:search' %}">Product Search</a>
			{% else %}	
				<br>
				<p> In order to make use of this website, you must log in first! </p>	
				<p></p>
			{% endif %}
		</div>
		<script>windowResize()</script>
	</div>
	<div id='foot'>
		created by 郝蕊 and Leonard Wainstein | designed by Gabriel Mickel<br>
		copyrighted: never! :)
	</div>
</div>
</body>
</html>